import { createApp } from 'vue'
// import './style.css' 自带的样式不需要\
import App from './App.vue'
// 引入scss的默认样式
import '@/styles/index.scss'
// 引入自定义图标
import '@/assets/fonts/iconfont.css'
// 导入icon图标
import 'virtual:svg-icons-register'
// 导入svg的全局组件
import gloablComponent from './components/index'

import ElementPlus from 'element-plus'
// 导入elementui的样式
import 'element-plus/dist/index.css'
// 忽略当前文件ts类型的检测否则有红色提示(打包会失败),运行npm build 用的到
// @ts-ignore
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// 导入路由使用路由
import { router } from './router/index'
// 引用仓库
import { createPinia } from 'pinia'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'

const app = createApp(App)
app.use(ElementPlus, {
  locale: zhCn,
})
// 创建仓库
const pinia = createPinia()

// 使用全局组件
app.use(gloablComponent)
// 使用路由
app.use(pinia)
// 使用仓库
app.use(router)
app.use(VxeUITable)
// 挂在标签
app.mount('#app')
